// app global css

/* 
* 当前文件内的 样式 主要是对应 quasar 本身 样式的 覆写
*/

body
  font-size  12px
  min-width  1300px
  -moz-user-select none
  -webkit-user-select none
  -ms-user-select none
  -khtml-user-select none
  -o-user-select none
  user-select none


.q-btn
  min-height 1em

.q-field--filled.q-field--rounded .q-field__control
  border-radius 2px;

.border-top
  border-top 1px solid #242b38
.border-left
  border-left 1px solid #242b38
.border-bottom
  border-bottom 1px solid #242b38
.border-right
  border-right 1px solid #242b38    



.q-field__marginal
  font-size  12px

.q-field--dense .q-field__control, .q-field--dense .q-field__marginal
  min-height  22px

.q-field--auto-height.q-field--dense .q-field__control, .q-field--auto-height.q-field--dense .q-field__native
  min-height  22px

.q-field--filled.q-field--rounded .q-field__control
  height  22px

.q-field--dense .q-field__control, .q-field--dense .q-field__marginal
  height  22px  

.q-field__native, .q-field__prefix, .q-field__suffix
  color #ffffff
  padding  0

.q-field--auto-height .q-field__native, .q-field--auto-height .q-field__prefix, .q-field--auto-height .q-field__suffix
  line-height  0px

.q-select__input 
  min-height  12px
  line-height  12px

.q-select__input.q-placeholder
  color $panda-text-light 
  

.q-select.q-select--with-input .q-field__control-container 
  width  150px !important
  min-width  150px !important
  max-width  150px !important

.q-select.q-select--with-input .q-field__control-container   .q-select__input.q-placeholder
  max-width  50px !important

.q-checkbox__inner 
  width: 12px;
  min-width: 12px;
  height: 12px;
  padding: 0px;
  outline: 0;
  border-radius: 50%;
  color: rgba(0,0,0,0.54);

.q-checkbox__bg
  left: 0;
  top: 0;
  right: auto;
  bottom: 0;
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  border-radius: 2px;
  transition: background 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;

.q-field__native, .q-field__prefix, .q-field__suffix
  line-height  1px
  font-size  12px
.q-table--dense .q-table th:first-child, .q-table--dense .q-table td:first-child
  padding-left  0px  
.q-table--dense .q-table th, .q-table--dense .q-table td
  padding  4px 0  
 .q-table__card
  box-shadow: none;
.q-checkbox__label
  padding-left: 4px;
  font-size: 12px;
  line-height: 20px;


.q-table--horizontal-separator thead, .q-table--horizontal-separator tbody tr:not(:last-child) td
  border-width 1px

q-placeholder::-webkit-input-placeholder 
  color  $panda-text-dark

q-placeholder::-moz-placeholder 
  color  $panda-text-dark

q-placeholder::-moz-placeholder
 color  $panda-text-dark

q-placeholder::-ms-input-placeholder 
  color  $panda-text-dark

.q-radio__inner
  width: 25px;
  min-width: 25px;
  height: 25px;
  padding:0px;
  outline: 0;
  border-radius: 50%;
  color: #fff;


.q-radio__bg
  left: 7px;
  top: 6px;
  width: 50%;
  height: 50%;

.q-radio__inner-circle
  top: -1px;
  left: -0.5px;
  border-width: 7px;
  color: #fff;
.q-radio__inner--active  .q-radio__outer-circle
  color  $panda-color-blue

.q-checkbox__inner.q-checkbox__inner--active
  color  $panda-color-blue

.q-dialog__backdrop
  background: rgba(30,37,50,0.95);
.q-dialog__inner > div
  background: #171D28;
  border: 1px solid #2D374A;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.50);
  border-radius: 10px;
  border-radius: 10px;
  color:#fff;  

/* alert框 */  

.q-dialog__inner > div
  height 180px
  position relative
// .q-btn--standard:not(.disabled):before

.q-card > div:first-child, .q-card > img:first-child
  text-align: center  
  padding 15px 15px

.q-card > div:last-child, .q-card > img:last-child
  display: flex
  justify-content: space-around
  position: absolute
  width 100%
  padding 0 20%
  top 111px

.q-dialog__inner > .q-card > .q-card__actions .q-btn--rectangle
  min-width: 80px;
  min-height: 30px;

.q-dialog__inner > .q-card > .q-card__actions .q-btn--rectangle:first-child  
  order  33
  
.alert-template
  margin-top 25px
